<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>float</title>
    <style>
        img{
            float: left;
            width: 100px;
        }
    </style>
</head>
<body>
<img src="icon.jpg" alt="">
<p>
    如果设置width,margin-left,margin-right其中两个属性的值为固定值，则余下的那个
    属性值为（父块级元素宽度-两个属性值之和）。而如果三个都为0，则width取最大值，其他两个
    属性为0。
    如果设置width,margin-left,margin-right其中两个属性的值为固定值，则余下的那个
    属性值为（父块级元素宽度-两个属性值之和）。而如果三个都为0，则width取最大值，其他两个
    属性为0。
    如果设置width,margin-left,margin-right其中两个属性的值为固定值，则余下的那个
    属性值为（父块级元素宽度-两个属性值之和）。而如果三个都为0，则width取最大值，其他两个
    属性为0。
    如果设置width,margin-left,margin-right其中两个属性的值为固定值，则余下的那个
    属性值为（父块级元素宽度-两个属性值之和）。而如果三个都为0，则width取最大值，其他两个
    属性为0。
</p>

<p style="background-color: pink">
    <img src="icon.jpg" alt="">
    如果设置width,margin-left,margin-right其中两个属性的值为固定值，则余下的那个
    属性值为（父块级元素宽度-两个属性值之和）。而如果三个都为0，则width取最大值，其他两个
    属性为0。

</p>
<p>

    如果设置width,margin-left,margin-right其中两个属性的值为固定值，则余下的那个
    属性值为（父块级元素宽度-两个属性值之和）。而如果三个都为0，则width取最大值，其他两个
    属性为0。
</p>
</body>
</html>